﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>车辆违章查询结果</title>
    <meta charset='UTF-8'>
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no,email=no" name="format-detection" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />
    <link href="../css/alipay/alipay.css" type="text/css" rel="stylesheet" />
    <link href="../css/alipay/amui-demo_files/toast.css" type="text/css" rel="stylesheet" />
    <link href="../css/alipay/button.css" type="text/css" rel="stylesheet" />
    <link href="../css/alipay/amui-demo_files/button-group.css" type="text/css" rel="stylesheet" />
    <link href="../css/main.css" type="text/css" rel="stylesheet" />
    <link href="../css/dialog.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../js/extensions/base.js"></script>
    <script type="text/javascript" src="../css/alipay/amui-demo_files/amui.js"></script>
    <style type="text/css">
        .am-list:not([am-version]){padding: 0px;}
        .am-list:not([am-version]){padding-top: 15px;}
    </style>
    <script type="text/javascript">
        $(function(){
            /*$("#dialogbut").click(function(){
             $(".mask").show();
             $(".demo-content").show();
             });*/

            $(".am-dialog-button").click(function(){
                $(".mask").hide();
                $(".demo-content").hide();
            });

        })
    </script>
</head>
<body style="padding-bottom: 80px;">
<div class="mask" style="display: none;"></div>
<div class="demo-content"  style="display: none;">
    <div class="demo-mobile">
        <div class="am-dialog show" style="z-index: 10001;">
            <div class="am-dialog-wrap">
                <div class="am-dialog-body">
                    <p id="warn" class="am-dialog-brief"></p>
                </div>
                <div class="am-dialog-footer">
                    <a class="am-dialog-button">取消</a>
                    <a class="am-dialog-button">确定</a>
                </div>
            </div>
        </div>
    </div>
</div>
    <div data-role="page" id="page">
        <div data-role="content" style="background-color:#EFEFF4;">
            <!--<div class="am-list am-list-5lb" am-mode="flat chip">-->
                <div class="am-toast" id="toast">
                    <div class="am-toast-text">
                        <span class="am-toast-icon am-icon" am-mode="toast-loading"></span> 正在查询...
                    </div>
                </div>  
                <div id="PeccInfo">

                </div>
           <!-- </div>-->
        </div>
    </div>
 <div id="fuwu" style="display: block;font-family:STHeitiSC;font-size: 12px; margin-bottom: 15px; margin-left: 0px; width: 100%; text-align: center;   position: absolute; bottom: 0px;z-index:-1;">
        <div class="am-agreement am-ft-gray am-ft-sm">
            <p>
                本服务由吉林省公安厅<br />江苏欧索软件有限公司提供支持
            </p>
        </div>
    </div>
    <script>
        $(function () {
            $("#toast").show();
            var jdccllxbm = decodeURI(getQueryStringByName("jdccllxbm"));
            var jdchphm = decodeURI(getQueryStringByName("jdchphm"));
            var fdj = decodeURI(getQueryStringByName("fdj"));

            $.ajax({
                url: '../../../api/cityservice/car/illegal',
                type: 'post',
                data: {"jdccllxbm": jdccllxbm,"jdchphm":jdchphm,"fdj":fdj},
                success: function (resp) {
                    if(resp && resp.succ && resp.statusCode == 100101){
                        //查询条件已有查询结果，直接返回结果
                        var htm = "";
                        for (var i = 0; i < resp.data.length; i++)
                        {
                            htm += '<div class="am-list" am-mode="flat chip 43px">' +
                                    '<div class="am-list-body">'
                                    +'<a href="#" class="am-list-item">' +
                                    '<div class="am-list-content">违法地址</div>' +
                                    ' <div class="am-list-extra">' +
                                    '' + resp.data[i].wfdz + '' +
                                    '  </div>' +
                                    ' </a>' +
                                    '<a href="#" class="am-list-item">' +
                                    '<div class="am-list-content">违法时间</div>' +
                                    ' <div class="am-list-extra">' +
                                    '' + resp.data[i].wfsj + '' +
                                    '  </div>' +
                                    ' </a>' +

                                    '<a href="#" class="am-list-item">' +
                                    '<div class="am-list-content">违法记分</div>' +
                                    ' <div class="am-list-extra">' +
                                    '' + resp.data[i].kf + '' +
                                    '  </div>' +
                                    ' </a>' +
                                    '<a href="#" class="am-list-item">' +
                                    '<div class="am-list-content">违法金额</div>' +
                                    ' <div class="am-list-extra">' +
                                    '' + resp.data[i].fkje + ' 元' +
                                    '  </div>' +
                                    ' </a>' +
                                    '<a href="#" class="am-list-item">' +
                                    '<div class="am-list-content">违法内容</div>' +
                                    ' <div class="am-list-extra">' +
                                    '' + resp.data[i].wzyy + '' +
                                    '  </div>' +
                                    ' </a></div></div>';
                        }

                        $("#PeccInfo").html(htm);
                    } else {
                        $("#warn").html(resp.msg);
                        $(".mask").show();
                        $(".demo-content").show();
                    }
                },
                error: function (){
                    $("#warn").html("查询失败！");
                    $(".mask").show();
                    $(".demo-content").show();
                },
                complete: function () {
                    $("#toast").hide();
                }
            });

        });
    </script>
</body>
</html>
